<template>
  <div class="myContainer">
         <p style="font-size:.5rem">
                 功能还在完善中
            </p>
      <div class="qr">
            <!-- <div class="myQr"></div>
            <img src="http://img1.shikee.com/try/2016/06/23/14381920926024616259.jpg" alt=""> --> 
      </div>
      <!-- <button @touchend="saoQr">扫一扫</button> -->
      <!-- <div v-if="show">
          天气信息
          <p>{{weather.week}}</p>
          <p>城市：{{weather.citynm}}</p>
          <p>温度：{{weather.temperature}}</p>
          <p>天气：{{weather.weather}}<img :src="weather.weather_icon" style=" vertical-align:bottom"></p>
          <p>风向：{{weather.wind}}</p>
          <p>风力：{{weather.winp}}</p>
      </div> -->
  </div>
</template>
<script>
import $ from "jquery"
export default {
    data(){
        return{
            weather:null,
            show:false,
        }
    },
  methods:{
       qrcode(){
        //    new QRCode(document.getElementById('qrcode'), 'your content');
        // 设置参数方式
        let qr=document.querySelector(".myContainer .myQr");
        // console.log(qr)
        var qrcode = new QRCode(qr, {
                text: 'http://www.baidu.com',
                width: 100,
                height: 100,
                // colorDark : '#ffffff',
                // colorLight : '#000000',
                colorDark : 'green',
                colorLight : '#ffffff',
                correctLevel : QRCode.CorrectLevel.M
        });
        // // 使用 API
        // qrcode.clear();
        // qrcode.makeCode('new content');
      },
      saoQr(){
          this.$router.push({name:"qr"})
      }
  },
  mounted(){
       this.$nextTick(function (){
            // require ("@/common/js/base/qrcode.min.js")
            this.qrcode()

      }) 
//       let that=this  
// $.ajax({
//         type          : 'get',
//         async         : false,
//         url           : 'http://api.k780.com/?app=ip.local&appkey=30801&sign=c2b125e0e332830fc34d0eb823767361&format=json&jsoncallback=data',
//         dataType      : 'jsonp',
//         jsonp         : 'callback',
//         jsonpCallback : 'data',
//         success       : function(data){
//          var ip=data.result.ip;
//                 $.ajax({
//                     type          : 'get',
//                     async         : false,
//                     // url           : 'http://api.k780.com/?app=weather.today&weaid=1&appkey=30801&sign=8c5471f2db2c24d98a8c7a1725f41be2&format=json&jsoncallback=data',
//                     url           : 'http://api.k780.com/?app=weather.today&weaid='+ip+'&appkey=30801&sign=c2b125e0e332830fc34d0eb823767361&format=json&jsoncallback=data',
//                     dataType      : 'jsonp',
//                     jsonp         : 'callback',
//                     jsonpCallback : 'data',
//                     success       : function(data1){
//                         console.log(data1)
//                         that.show=true
//                         that.weather=data1.result
//                     },
//                     error:function(){
//                         alert('fail');
//                     }
//                 });
//         },
//         error:function(){
//             alert('fail');
//         }
//     });       

  }
}
</script>
<style lang="less" scoped>
    button{
        width: 20%;
        margin-top: .2rem;
        border: 0;
        background-color: #eee;
    }
            .qr{
                width: 100px;
                height: 100px;
            position: relative;
            img{
                position: absolute;
                width: .5rem;
                border-radius: 50%;
                top: 50%;
                margin-top: -.25rem;
                left:50%;
                margin-left: -.25rem
            }
        }
</style>
